@import "@/styles/variables.module.scss";

.el-button {
    height: 36px;
    border-radius: 18px;
}

.el-button--primary {
    background-color: $mainColor;
    border-color: $mainColor;

    &.is-plain {
        background-color: rgba($mainColor, 0.1);
        color: $mainColor;

        &:hover {
            color: #fff;
            background-color: $mainColor;
            border-color: $mainColor;
        }

        &:active,
        &:focus {
            color: #fff;
            background-color: $mainColor;
            border-color: $mainColor;
        }
    }

    &:hover {
        background-color: lighten($mainColor, 4);
        border-color: lighten($mainColor, 4);
    }

    &:active,
    &:focus {
        background-color: darken($mainColor, 4);
        border-color: darken($mainColor, 4);
    }
}

.el-table {
    thead {
        th.el-table__cell {
            background-color: #F6F9FF;
            background: #F6F9FF;
            padding: 16px 0;
            font-size: 14px;
            color: #3C475D;
        }
    }
}

.el-input-group__append {
    padding: 0;
    width: 34px;
    height: 34px;
    background-color: $mainColor;
    border: 0;
    color: white;

    &:hover {
        background-color: lighten($mainColor, 4);
        border-color: lighten($mainColor, 4);
    }

    .el-button {
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;

        .icon {
            color: #fff;
        }
    }
}
.el-popper {
    max-width: 280px;
    .el-popconfirm {
        .el-popconfirm__action{
            .el-button--primary, .el-button--text {
                padding: 5px 11px;
                height: unset;
            }
        }
    }
}


